<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>饿了么首页</title>
    <link rel="stylesheet" type="text/css" href="css/swiper.css">
    <link rel="stylesheet" type="text/css" href="css/home.css">
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
    <script src="js/swiper.min.js"></script>
    <script src="bower_components/react/react.js"></script>
    <script src="bower_components/react/react-dom.min.js"></script>
    <script src="bower_components/react/browser.min.js"></script>
</head>
<body>
    <header>
       
        <div class="head_search">
            <a>
              
                <span>搜索商家、商品</span>
            </a>
        </div>

    </header>


    <div id="main_t">
         <div class="swiper-container">
             <div class="swiper-wrapper">
         <div class="swiper-slide slide1">
        <ul class="list2">
            <li><a href="#"><img src="img/d1890cf73ae6f2adb97caa39de7fcjpeg.png"/><span class="icon_desc">美食</span></a></li>
            <li><a href="#"><img src="img/78332f1f7ff14afbb97b4f125911cjpeg.png"/><span class="icon_desc">甜品饮品</span></a></li>
            <li><a href="#"><img src="img/f42235e6929a5cb0e7013115ce78djpeg.png"/><span class="icon_desc">商操便利</span></a></li>
            <li><a href="#"><img src="img/7757ff22e8ab28e7dfa5f7e2c2692jpeg.png"/><span class="icon_desc">预定早餐</span></a></li>
            <li><a href="#"><img src="img/d20d49e5029281b9b73db1c5ec6f9jpeg.png"/><span class="icon_desc">果蔬生鲜</span></a></li>
            <li><a href="#"><img src="img/d41b04d520d445dc5de42dae9a384jpeg.png"/><span class="icon_desc">新店特惠</span></a></li>
            <li><a href="#"><img src="img/8e031bf7b3c036b4ec19edff16e46jpeg.png"/><span class="icon_desc">准时达</span></a></li>
            <li><a href="#"><img src="img/7bddb07503aea4b711236348e2632jpeg.png"/><span class="icon_desc">午餐</span></a></li>
        </ul>
            </div>
            
        <div class="swiper-slide slide2">
           <ul class="list2">
            <li><a href="#"><img src="img/432619fb21a40b05cd25d11eca02djpeg.png"/><span class="icon_desc">汉堡薯条</span></a></li>
            <li><a href="#"><img src="img/244241b514affc0f12f4168cf6628jpeg.png"/><span class="icon_desc">包子粥店</span></a></li>
            <li><a href="#"><img src="img/171fd98b85dee3b3f4243b7459b48jpeg.png"/><span class="icon_desc">鲜花蛋糕</span></a></li>
            <li><a href="#"><img src="img/a9ef469a12e7a596b559145b87f09jpeg.png"/><span class="icon_desc">麻辣烫</span></a></li>
            <li><a href="#"><img src="img/9700836a33e05c2410bda8da59117jpeg.png"/><span class="icon_desc">川湘菜</span></a></li>
            <li><a href="#"><img src="img/235761e50d391445f021922b71789jpeg.png"/><span class="icon_desc">披萨意面</span></a></li>
            <li><a href="#"><img src="img/de0683a49a0655c728b70fdb344d5jpeg.png"/><span class="icon_desc">异国料理</span></a></li>
        </ul>
             </div>
             </div>

        <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                        <span class="swiper-pagination-bullet"></span>
                        <span class="swiper-pagination-bullet"></span>
                        <span class="swiper-pagination-bullet"></span>
                        <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
            </div>
         </div>
    
    </div>




<main>

        <p class="title">推荐商家</p>
    <div class="item">
        <a class="item_g">
              <div class="dealcard">
            <div class='item_l'>
                <img src="img/01f4620140dd82cf9ab70c0deb38fjpeg.jpg">
            </div>

            <div class="item_r">
                <div class="tit"><span class="shopname">品牌</span> <span class="shoptitle">(必胜客中心书城)</span>  <span class="pao">保票准</span></div>
                <div class="dec"><span class="pin"><i></i><i></i><i></i><i></i><i></i></span>
                    <span class="fen">4.8</span>
                    <span>月售74单</span>
                    <span class="zhunshi">准时达</span>
                    <span class="feng">蜂鸟专送</span>
                </div>
                <div class="price_r">￥<span>20</span>起送 /
                   配送费￥5/
                    ￥<span>52</span>
                    /人
                    <span class="juli">540m /</span>
                    <span class="minute">29分钟</span>
                </div>
            </div>
              </div>
        </a>
    </div>



</main>




    <div class="backtop">
        <a class="top">
            <i class="text-icon">⇧</i>
        </a>
    </div>


   
   <script type="text/javascript">
         var mySwiper = new Swiper('.swiper-container',{
             pagination : '.swiper-pagination'
        })

   </script>

</body>
</html>